<template>
  <div class="page pdt">
    <group-select></group-select>
    <material-select></material-select>
    <page-common></page-common>
    <div class="fix-bottom">
      <notify-btn cls="ui btn primary no-rounder"
        :disabled="!exerciseSelectAble"
        @hit="handleSelectExercise">现在去选题</notify-btn>
    </div>
  </div>
</template>

<script>
import { mapGetters, mapActions, mapState } from 'vuex'
import NotifyBtn from '@/components/notify-btn'
import PageCommon from '@/components/page-common'
import GroupSelect from './group-select'
import MaterialSelect from './material-select'
import base from '@/mixins/base'
export default {
  mixins: [base],
  components: {
    PageCommon,
    GroupSelect,
    MaterialSelect,
    NotifyBtn,
  },
  computed: {
    ...mapGetters('task-create-select-group', [
      'exerciseSelectAble'
    ])
  },
  methods: {
    ...mapActions('task-create-select-group', [
      'fetchGroups',
      'handleInit',
      'handleSelectExercise',
    ]),
    async loginBack (loginer) {
      await this.handleInit()
    }
  }
}
</script>

<style scoped>
</style>
